<template>
  <div class="poster">
    <div class='imgbox'>
      <img :src="poster_url" width="100%" height="100%">
    </div>
  
  </div>
</template>

<script>
export default {
  name: 'poster',
  data(){
    return {
      poster_url: this.$route.query.url
    }
  },
  created(){
  //console.info('00000000000000000',this.$route.query.url)
  //console.info('0000000',this.poster_url)
  },
  mounted(){
    window.title="北航校庆祝福"
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .poster{
    position: absolute; 
    background-image: url('../assets/bg.jpg');
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    
  }
  .imgbox{
    float: center;
    margin-top: 5%;
    margin-left: 12%;
    margin-right: 12%;
    height: 78%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 2px 8px 0 rgba(0,0,0,0.19);
    
  }
  .note{
    margin-top: 5%;
  }
  
</style>
